:root {
  --bg-color: #fff;
  --sider-color: #001529;
  --hover-bg: rgb(46 51 56 / 9%);
  --main-bg-color: #f0f2f5;
  --border-color: #e4e7ed;
  --border-header-color: #f6f6f6;
  --text-color: rgb(0 0 0 / 85%);
  --shadow-color: 2px 2px 12px #0000000d;
  --scrollbar-bg-color: #dddee0;
  --login-bg-color: rgb(255 255 255 / 60%);
  --login-title-color: #475768;
}

:root[data-theme='dark'] {
  --bg-color: #1f1f1f;
  --sider-color: #1f1f1f;
  --hover-bg: rgb(255 255 255 / 12%);
  --main-bg-color: #141414;
  --border-color: #414243;
  --border-header-color: #f6f6f6;
  --text-color: #d9d9d9;
  --shadow-color: 5px 5px 15px rgb(255 255 255 / 20%);
  --scrollbar-bg-color: #686868;
  --login-bg-color: rgb(31 31 31 / 30%);
  --login-title-color: #d9d9d9;
}
